/* pages/brand/brand.wxss */
.aboutBox{
  margin: 20rpx;
}
.videoBox{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30rpx;
  overflow: hidden;
  margin-bottom: 30rpx;
}
.aboutInfo{
  padding: 20rpx;
  background: #fff;
  color: #5B5B5B;
  font-size: 40rpx;
  margin-bottom: 50rpx;
  .aboutText{
    font-size: 30rpx;
    line-height: 50rpx;
    margin-bottom: 30rpx;
  }
  .aboutImg{
    margin-bottom: 30rpx;
  }
  .aboutColumn{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 50rpx;
    .columnBox{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 33%;
      font-size: 30rpx;
      .columnNam{
        color: #B50207;
      }
    }
  }
}

.brandBox{
  padding: 20rpx;
  background: #fff;
  color: #5B5B5B;
  font-size: 40rpx;
  margin-bottom: 50rpx;
  .brandData{
    margin: 30rpx 0;
    border-bottom: 5px solid #F5F6FB;
    .brandImg{
      margin-bottom: 30rpx;
    }
    .brandText{
      font-size: 30rpx;
      line-height: 50rpx;
      margin-bottom: 30rpx;
      .brandTitle{
        .titleCN{
          color: #B50207;
        }
      }
    }
  }
}

.partberBox{
  padding: 20rpx;
  background: #fff;
  color: #5B5B5B;
  font-size: 40rpx;
  margin-bottom: 50rpx;
  .partberList{
    margin: 20rpx 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    .partberImg{
      width: 30%;
      height: 150rpx;
      margin: 10rpx;
      border-radius: 10rpx;
      overflow: hidden;
      box-shadow: -2px 4px 8px 0px #b7b5b5;
      image{
        width: 100%;
        height: 100%;
      }
    }
  }
}

.contactBox{
  padding: 50rpx 20rpx;
  background: #fff;
  color: #5B5B5B;
  font-size: 40rpx;
  margin-bottom: 50rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  view{
    margin-bottom: 10rpx;
  }
  view:nth-child(1){
    color:#464646;
    font-weight: 600;
    font-size: 33rpx;
  }
  view:nth-child(2){
    color:#B50005;
    font-weight: 600;
    font-size: 33rpx;
  }
  view:nth-child(3){
    font-size: 33rpx;
    text-align: center;
  }
  view:nth-child(4){
    color:#B50005;
    font-size: 33rpx;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30rpx;
  }
  view:nth-child(5){
    color:#fff;
    font-size: 33rpx;
    font-weight: 600;
    text-align: center;
    background-color: #B50005;
    width: 100%;
    padding: 10rpx 0;
    border-radius: 50rpx;
  }
}



.dataTitle{
  width: 100%;
  .titleCN{
    color: #5B5B5B;
    font-weight: 600;
    font-size: 40rpx;
  }
  .titleEN{
    color: #B0B0B0;
    font-weight: 600;
    font-size: 30rpx;
  }
}

.floatingBox{
  position: fixed;
  right: 3%;
  bottom: 10%;
  z-index: 999;
  width: 140rpx;
  
  .floatingItem{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    // flex-wrap: wrap;
    height: 140rpx;
    border-radius: 999px;
    background: rgba(#9C2326 , 0.542);
    margin-bottom: 20rpx;
    // padding: 10rpx;
    color: #fff;
    image{
      width: 50rpx;
    }
  }
}